<template>
   <div class="bestMovie">
      
      <ul>
        <li v-for="item in reyingList" :key="item.id">
           <img :src="item.img" alt="" />
           <h5>{{ item.nm }}</h5>
        </li>
      </ul>
      <div>
    <div v-html="haoping"></div>
  </div>
    </div>
    
</template>

<script>

export default {
name:'haoping',
props:["haoping"]
//  data() {
//     return {
//       reyingList: [],
//     };
//   },
//   mounted() {
//     axios
//       .get(
//         "/ajax/movieOnInfoList?token=&optimus_uuid=9301B8F0D8A111EBB376757321755EB7A2F821BBA2B047FE86EE9833C24FC202&optimus_risk_level=71&optimus_code=10"
//       )
//       .then((res) => {
//         console.log(res);
//         this.reyingList = res.data.movieList;
//         this.reyingList.forEach((item) => {
//           item.img = item.img.replace("w.h", "64.90");
//         });
//       });
//   },
};

</script>

<style >

/* 如果使用了 v-html  获取的后台的排好版的数据字符串，在写样式的时候，需要将  scoped删除 */
.top-rated {
  padding: 12px 0 12px 15px;
  background-color: #fff;
  margin-bottom: 10px;
}
.top-rated .title {
  margin: 0;
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
}
.top-rated-list {
  overflow: scroll;
  white-space: nowrap;
}
.top-rated-item {
  display: inline-block;
  width: 85px;
  overflow: hidden;
  margin-right: 10px;
}
.top-rated-item .poster {
  width: 85px;
  height: 115px;
  position: relative;
  margin-bottom: 6px;
}
.top-rated-item .poster img {
  height: 100%;
}
/* .bestMovie{
  width: 100%;height: auto;
  overflow-x: scroll;
  margin-bottom: 10px;
  
}
.bestMovie>span{
  display: inline-block;
font-size: 14px;
    color: #333;
    margin: 12px 0 0 12px;
    position: relative;
}
.bestMovie>ul{
    margin-top: 28px;
  display: flex;
  justify-content: space-around;
  padding: 12px 12px ;
}
.bestMovie>ul>li{
  height: 141px;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.bestMovie>ul img {
  width: 85px;height: 115px;
}
.bestMovie>ul>li> h5 {
  width: 85px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
} */
</style>